<!DOCTYPE html PUBLIC "-//W3C//DTD Xhtml 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title></title>
	
	<link rel="stylesheet" href="banner_slider.css" type="text/css"> 
	<script>
		/*	 
		 Step #1
		 	- 레이아웃 제작하기.
		 */
	
	</script>
	<script  type="text/javascript"  src="../libs/jquery-1.7.1.min.js"></script>
	<script  type="text/javascript"  src="../libs/jquery.easing.1.3.js"></script>	
	<script  type="text/javascript"  src="banner_slider.js"></script>
</head>

<body>		
	<div class="banner_slider">
		<div class="banner_container">	                	
			<div id="banner_content">
				<img src="../images/img1.jpg" >
				<img src="../images/img2.jpg" >
				<img src="../images/img3.jpg" >
				<img src="../images/img4.jpg" >
			</div>   							                
		</div>
		 
		<div class="banner_nav_container">			 			 	
			<ul id="banner_nav">		                	
				<li><a href="#" rel="1">1</a></li>
				<li><a href="#" rel="2">2</a></li>
				<li><a href="#" rel="3">3</a></li>
				<li><a href="#" rel="4">4</a></li>	
			</ul>							
			<div>					
				<button id="btn_prev_banner">prev</button>
				<button id="btn_next_banner">next</button>					
			</div>			 
		</div> 
	<div>	
</body> 
</html>

